<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template/interiorTemplate.xhtml">
	<p:messages />
	<f:metadata>
		<f:viewParam name="usuario" value="#{usuarioManagedBean.usuario}" converter="usuarioConversor" />
	</f:metadata>
	
	<ui:define name="titulo">
		<h:outputLabel value="MusicBay.com - #{msg.user}"/>
	</ui:define>

	<ui:define name="img">
		<p:panel>
			<p:graphicImage url="/faces/image?id=#{usuarioManagedBean.usuario.idusuario}&amp;tipo=l"
				width="220" height="220" styleClass="imgEdit" />
		</p:panel>
		
	</ui:define>

	<ui:define name="gen">
		<p:panel>
			<h:panelGrid columns="2" width="250">
				<h:outputLabel value="#{msg.nome}" styleClass="label"/>
				<h:outputText value="#{usuarioManagedBean.usuario.nome} #{usuarioManagedBean.usuario.sobrenome}" styleClass="genero2" />
				
				<h:outputLabel value="E-mail" styleClass="label"/>
				<h:outputText value="#{usuarioManagedBean.usuario.email}" styleClass="genero2" />
				
				<h:outputLabel value="#{msg.sexo}" styleClass="label"/>
				<h:outputText value="#{msg.masculino}" styleClass="genero2" rendered="#{usuarioManagedBean.usuario.sexo == 'M' }"/>
				<h:outputText value="#{msg.feminino}" styleClass="genero2" rendered="#{usuarioManagedBean.usuario.sexo == 'F' }"/>
				
				<h:outputLabel value="#{msg.nascimento}" styleClass="label"/>
				<h:outputText value="#{usuarioManagedBean.usuario.nascimento}" styleClass="genero2" />
				
			</h:panelGrid>
		</p:panel>
	</ui:define>


	<ui:define name="cont">
		<div id="contIntro">
			<div id="art">
				<h:outputText value="#{usuarioManagedBean.usuario.nome} " />
				<h:outputText value="#{usuarioManagedBean.usuario.sobrenome}" />
			</div>
					
			<div id="artistaPainel">
				<p:panel styleClass="painelArtista" header="#{msg.biblioteca}">
					<h:form>
						<ui:repeat var="artistas" value="#{usuarioManagedBean.usuario.artistas}">
							<div id="artistacontext">
								<h:outputLabel value="#{artistas.nome}" styleClass="subtitle" />
								<h:link outcome="artistaPage" id="artistaPage">
									<p:graphicImage url="/faces/image?id=#{artistas.idArtista}&amp;tipo=a" width="150" height="150"
										styleClass="imgEdit" title="#{artistas.nome}" />
									<f:param name="artista" value="#{artistas.idArtista}" />
								</h:link>								
							</div>
						</ui:repeat>
					</h:form>
				</p:panel>
			</div>
		</div>
	</ui:define>

	<ui:define name="right">

	</ui:define>
</ui:composition>
</html>